<template>
    <require from="./em-task-detail.less"></require>
    <div class="em-task-detail ui segment basic" style="margin-top: 0;">
        <div class="top">
            <div class="ui breadcrumb">
                <a class="section">${task.project.name}</a>
                <div class="divider"> / </div>
                <a class="section">${task.project.key}-${task.projectTaskId}</a>
            </div>
            <em-editable-input value.bind="task.title"></em-editable-input>
            <div class="actions">
                <button class="mini basic ui button">
                    <i class="icon edit"></i> 编辑
                </button>
                <button class="mini basic ui button">
                    <i class="icon comment outline"></i> 备注
                </button>
            </div>
        </div>
        <div class="middle">
            <div class="ui grid">
                <div class="ten wide column">
                    <div class="ui horizontal divider">
                        问题详情
                    </div>
                    <table class="ui tablet very basic stackable table task-detail">
                        <tbody>
                            <tr>
                                <td>类型:</td>
                                <td>改进</td>
                                <td>状态:</td>
                                <td>打开</td>
                            </tr>
                            <tr>
                                <td>优先级:</td>
                                <td></td>
                                <td>解决结果:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>影响版本:</td>
                                <td></td>
                                <td>解决版本:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>模块:</td>
                                <td colspan="3"></td>
                            </tr>
                            <tr>
                                <td>标签:</td>
                                <td colspan="3"></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="ui horizontal divider">
                        描述
                    </div>
                    <em-markdown-editor mode="rw" value.bind="task.description"></em-markdown-editor>
                    <div class="ui horizontal divider">
                        附件
                    </div>
                    <div class="ui horizontal divider">
                        问题链接
                    </div>
                    <div class="ui horizontal divider">
                        活动
                    </div>
                </div>
                <div class="six wide column">
                    <div class="ui horizontal divider">
                        用户
                    </div>
                    <table class="ui tablet very basic stackable table task-detail">
                        <tbody>
                            <tr>
                                <td>经办人:</td>
                                <td>${task.operator.name}</td>
                            </tr>
                            <tr>
                                <td>报告人:</td>
                                <td>${task.reporter.name}</td>
                            </tr>
                            <tr>
                                <td>投票:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>关注人:</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="ui horizontal divider">
                        日期
                    </div>
                    <table class="ui tablet very basic stackable table task-detail">
                        <tbody>
                            <tr>
                                <td>创建:</td>
                                <td>${task.createDate | date}</td>
                            </tr>
                            <tr>
                                <td>更新:</td>
                                <td>${task.updateDate | date}</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="ui horizontal divider">
                        时间追踪
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
